<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="css/defalt.css" rel="stylesheet">
    <script src="js/tool/jquery-3.2.1.min.js"></script>
    <script src="js/index.js"></script>
    <title>Title</title>
</head>
<body>
<div class="header">
    <img src="img/logo_new.png" class="logo">
    <ul class="nav">
        <li>免费课程</li>
        <li>职业路径</li>
        <li>实战</li>
        <li>猿问</li>
        <li>手记</li>
    </ul>
    <div class="search">
        <input class="search-input">
        <div class="flag"><a href="index.html">前端入门</a></div>
        <div class="flag-two"><a href="index.html">Java入门</a></div>
        <div class="search-btn"></div>
        <div class="search-line"></div>
    </div>
    <div class="nav-right">
        <span class="span-regist"><a href="index.html">注册</a></span>
        <span class="span-regist-line">/</span>
        <span class="span-login"><a href="index.html">登录</a></span>
        <div class="my-cart">
            <img src="img/gouwuche.png" class="img-cart">
            购物车
        </div>
        <span class="span-download-app"><a href="index.html">下载APP</a></span>

    </div>
    <div class="cart-pop">
        <div class="cart-pop-title">
            <span class="cart-pop-title-left">我的购物车</span>
            <span class="cart-pop-title-right">已加入0门课程</span>
        </div>
        <div class="cart-pop-title-line"></div>
        <img src="img/circle_gouwuche.png" class="cart-pop-circle-gouwuche">
        <p class="cart-pop-content-text-empty">购物车空空如也</p>
        <div class="cart-pop-content-line"></div>
        <p class="cart-pop-content-tip">快去这里选择您中意的课程</p>
        <a class="cart-pop-content-project" href="index.html"><p>实战课程</p></a>
        <a class="cart-pop-content-project" href="index.html"><p>职业路径</p></a>
        <div class="cart-pop-foot-line"></div>
        <div class="cart-pop-foot">
            <span class="cart-pop-foot-order-menu"><a href="index.html">我的订单中心</a></span>
            <span class="cart-pop-foot-btn">去购物车</span>
        </div>
    </div>
    <div class="download-pop">
        <div>
            <img src="img/appload.png" class="download-erweima">
            <div class="download-app-right">
                <p class="download-app-right-tip">扫描下载华康中泰APP</p>
                <span class="download-app-appstore"><img src="img/appstore.png" class="download-app-appstore-img">AppStore下载</span>
                <p style="height: 20px"></p>
                <span class="download-app-android"><img src="img/android.png" class="download-app-appstore-img">Android下载&nbsp;&nbsp;</span>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="content-main">
        <div class="content-main-left">
            <ul>
                <a href="index.html"><li><img src="img/arrow-right.png" class="arrow-right">前端开发</li></a>
                <a href="index.html"><li><img src="img/arrow-right.png" class="arrow-right">后端开发</li></a>
                <a href="index.html"><li><img src="img/arrow-right.png" class="arrow-right">移动开发</li></a>
                <a href="index.html"><li><img src="img/arrow-right.png" class="arrow-right">数据库</li></a>
                <a href="index.html"><li><img src="img/arrow-right.png" class="arrow-right">云计算&大数据</li></a>
                <a href="index.html"><li><img src="img/arrow-right.png" class="arrow-right">运维&测试</li></a>
                <a href="index.html"><li><img src="img/arrow-right.png" class="arrow-right">UI设计</li></a>
            </ul>

        </div>
        <div class="content-main-right"></div>
        <div class="content-main-select-show">
            <div class="show-one">
                <span class="show-one-title">基础</span><span class="show-one-line"></span>
                <ul class="show-one-content">
                    <a href="index.html"><li>HTML/CSS</li></a>
                    <a href="index.html"><li>JavaScript</li></a>
                    <a href="index.html"><li>jQuery</li></a>
                </ul>
            </div>
            <br>
            <div class="show-two">
                <span class="show-two-title">进阶</span><span class="show-two-line"></span>
                <ul class="show-one-content">
                    <a href="index.html"><li>HTML5</li></a>
                    <a href="index.html"><li>CSS3</li></a>
                    <a href="index.html"><li>Node.js</li></a>
                    <a href="index.html"><li>AngularJs</li></a>
                    <a href="index.html"><li>Bootstrap</li></a>
                    <a href="index.html"><li>React</li></a>
                </ul>
            </div>
            <div class="show-three">
                <div class="show-three-project"></div>
                <div class="show-three-project"></div>
                <div class="show-three-project"></div>
                <div class="show-three-project"></div>
            </div>
        </div>
    </div>
</div>
<div class="footer"></div>
</body>
</html>